<template>
    <view>
        <view class="smart-panel-head">
        	<view class="smart-panel-head-title">checkbox,多选按钮</view>
        </view>
        <view class="smart-padding-wrap">
            <view class="item">
                <checkbox checked="true"></checkbox>
                选中
                <checkbox></checkbox>
                未选中
            </view>
            <view class="item">
                <checkbox checked="true" color="#F0AD4E" style="transform: scale(0.7);"></checkbox>
                选中
                <checkbox color="#F0AD4E" style="transform: scale(0.7);"></checkbox>
                未选中
            </view>
            <view class="item">
                推荐展示样式:
                <checkbox-group>
                    <label class="list">
                        <view>
                            <checkbox></checkbox>
                            中国
                        </view>
                    </label>
                    <label class="list">
                        <view>
                            <checkbox></checkbox>
                            美国
                        </view>
                    </label>
                    <label class="list">
                        <view>
                            <checkbox></checkbox>
                            日本
                        </view>
                    </label>
                </checkbox-group>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {}
};
</script>

<style>
.item {
    margin-bottom: 30rpx;
}
.list {
    justify-content: flex-start;
    padding: 22rpx 30rpx;
}
.list view {
    padding-bottom: 20rpx;
    border-bottom: 1px solid #d8d8d8;
}
</style>
